---
layout: default
title: 时间线
page-title: timeLine
home-title: Sort by timeline.
description:
---

{% include header.html %}
{% include boot.html %}
<main>
    {% include title.html %}
    <ul class="ex-list">
        <li  class="fadeInUp animated" id="pc">
          {% for post in site.posts %}
            <div class="left-time">
              <a href="javascript:;" onmouseover="this.children[0].style.borderLeft='8px solid rgb(255,90,90)'; this.children[1].style.backgroundColor='rgb(255,90,90)';this.children[1].children[0].children[0].style.color='white';" onmouseout="this.children[0].style.borderLeft='8px solid #f4f4f4'; this.children[1].style.backgroundColor='#f4f4f4';this.children[1].children[0].children[0].style.color='#555';">
                <span class="righttime-san"></span><span class="righttime-main"><sapn class="timemain">
                    <time class="post-date timefont" datetime="{{ post.date | date:"%y-%m-%d" }}">{{ post.date | date: "%Y-%m-%d" }}</time>
                </sapn></span>
              </a>
            </div>
            <div class="right-name">
              <a href="{{ post.url }}" onmouseover="this.children[0].style.borderRight='8px solid rgb(154,133,255)'; this.children[1].style.backgroundColor='rgb(154,133,255)';this.children[1].children[0].style.color='white';this.children[1].children[0].style.fontWeight='bold';" onmouseout="this.children[0].style.borderRight='8px solid #f4f4f4'; this.children[1].style.backgroundColor='#f4f4f4';this.children[1].children[0].style.color='#555';this.children[1].children[0].style.fontWeight='normal';">
                <span class="lefttime-san"></span>
                <span class="lefttime-main">
                  <sapn class="timemain">
                    {{ post.title }}
                  </sapn>
                </span>
              </a>
            </div>
          {% endfor %}
        </li>

        <li  class="fadeInUp animated" id="media">
          {% for post in site.posts %}
            <div class="timeANDname">
              <a href="{{ post.url }}"><span class="timeANDname-san"></span><span class="timeANDname-main"><sapn class="timeANDnamemain">
                  {{ post.title }}
                  <time class="timeline-data" datetime="{{ post.date | date:"%y-%m-%d" }}">{{ post.date | date: "%Y-%m-%d" }}</time>
              </sapn></span></a>
            </div>
          {% endfor %}
        </li>
    </ul>
</main>
{% include footer.html %}

<script src="/assets/js/main.js"></script>
